<script>



export default {
  name: 'School',
  data(){
    return {
      msg:'韩山师范学院是潮州唯一一所全日制本科大学'
    }
  },
     props:{
    name:{
      type:String,
      required:false,
      default:'寒尸'
    },
       position:{
      type:String,
         required:true
       },
       score:{
      type:Number,
         required:true
       }
     },
  methods:{
    sendSchoolName(){
      console.log('触发了自定义事件')
      //触发自定义事件
      this.$emit('getSchoolName',this.name);
      console.log('解绑之后还是会执行这段代码')

    },
    unbind(){
      console.log('解绑学校自定义事件getSchoolName成功')
      this.$off('getSchoolName')
    }
  }

}
</script>

<template>
<div class="demo">
  <h1>{{ msg }}</h1>
  <h2>学校名称{{name}}</h2>
  <h2>学校位置{{position}}</h2>
  <h2>录取分数{{score}}</h2>
  <button @click="sendSchoolName">点我传递学校名</button>
  <button @click="unbind">解绑事件</button>
</div>
</template>

<style scoped>
.demo{
  background-color: antiquewhite;
}
</style>